﻿@{
    Layout = null;
    List<LeEdu.MODEL.Course_Class> clist = ViewBag.ctlist;
}

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta property="qc:admins" content="24314006454166375">
    <meta name="baidu-site-verification" content="S2mCL8GdSi">



    <link href="http://geekband.com/major/favicon.ico" type="image/x-icon" rel="icon">
    <link href="http://geekband.com/major/favicon.ico" type="image/x-icon" rel="shortcut icon">

    <title>乐知教育·极客班</title>


    <link href="~/Content/Show/css/shared-layout-3ee3a52373.css" rel="stylesheet" />
    <style>
        * {
            -moz-box-sizing: border-box !important;
            -webkit-box-sizing: border-box !important;
            -o-box-sizing: border-box !important;
            -ms-box-sizing: border-box !important;
            box-sizing: border-box !important;
        }

        #top-hint {
            min-width: 1200px;
        }

        .navbar {
            min-width: 1200px;
        }

            .navbar:before, .navbar:after {
                content: " ";
                display: table;
            }

            .navbar:after {
                clear: both;
            }


        .footer {
            min-width: 1200px;
        }

            .footer:before, .footer:after {
                content: " ";
                display: table;
            }

            .footer:after {
                clear: both;
            }


            .footer li > a {
                line-height: normal;
            }


        .notification {
            position: absolute;
            width: 170px;
            background-color: #F3EFC4;
            color: #2c3e50;
            font-size: 12px;
            top: 75px;
            z-index: -1;
        }

        .notification-item {
            height: 30px;
            line-height: 30px;
            padding-left: 12px;
            margin-top: 0;
            margin-bottom: 0;
            display: none;
        }

            .notification-item .btn-close {
                width: 14px;
                height: 14px;
                margin: auto;
                float: none;
                display: inline-block;
                float: right;
                margin-top: 8px;
                margin-right: 4px;
            }

                .notification-item .btn-close:hover {
                    cursor: pointer;
                }

        .notification-item-checklink {
            color: #3665ad;
        }

        #top-hint {
            /*background: url(../../img/topAd.png) 50% no-repeat;*/
            background-color: #fff29d;
        }

        .top-hint-close-button {
            display: block;
            float: right;
            margin-right: 20px;
        }

            .top-hint-close-button:hover {
                cursor: pointer;
            }

        .top-hint-mainPart {
            height: inherit;
            float: left;
            width: 1000px;
            height: 24px;
        }



            .top-hint-mainPart:hover {
                cursor: pointer;
            }

        /*返回顶部*/
        p#back-to-top {
            position: fixed;
            bottom: 100px;
            right: 40px;
        }

            p#back-to-top a {
                text-align: center;
                text-decoration: none;
                color: #d1d1d1;
                display: block;
                width: 64px;
                -moz-transition: color 1s;
                -webkit-transition: color 1s;
                -o-transition: color 1s;
            }

                p#back-to-top a span {
                    background: transparent url(../../img/top_arrow.png) no-repeat top right;
                    border-radius: 6px;
                    display: block;
                    height: 64px;
                    width: 57px;
                    margin-bottom: 5px;
                    -moz-transition: background 1s;
                    -webkit-transition: background 1s;
                    -o-transition: background 1s;
                }
    </style>
    <link href="~/Content/Show/css/forumTemplate-6aa133f783.css" rel="stylesheet" />
    <link href="~/Content/Show/css/geekband-specialty-6b1e3bfba0.css" rel="stylesheet" />
    <style>
        .teacher-team .cycle-prev {
            left: -16px;
        }

        .study-flow-img {
            display: block;
        }

        .study-flow-ps {
            float: right;
            color: #777;
            margin-right: 84px;
        }

        .study-flow {
            padding-bottom: 60px;
        }

            .study-flow:before, .study-flow:after {
                content: " ";
                display: table;
            }

            .study-flow:after {
                clear: both;
            }


        .button-rec-orange {
            background-color: #ECA24F;
        }
    </style>
    <script src="~/Content/Show/js/hm.js"></script>
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "//hm.baidu.com/hm.js?f05e3d6dddb44a2d53784e49af16818d";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();

    </script>
</head>
<body>
    <header class="navbar">
        <div class="container">
            <h1 class="navbar-brand"><a href="/Home/Index"><img src="http://boolan.com/img/boolan-logo.png"></a></h1>
            <nav class="nav navbar-nav">
                <ul>
                    <li><a href="/Home/Index" class="active">首页</a></li>
                    <li><a href="/Home/Boutique">精品课程</a></li>
                    <li><a href="/Home/GeekClass">极客班</a></li>
                    <li><a href="#">专家名师</a></li>
                </ul>
            </nav>
            @{
                if (Session["User"] != null)
                {
                    if (Convert.ToInt32(Session["RoleId"]) == 0)
                    {
                        <figure class="avatar navbar-avatar dd-menu">
                            @{
                        var ddd = Session["User"] == null ? "" : (Session["User"] as LeEdu.MODEL.UserInfo).Avatar;
                        if (ddd == null)
                        {

                            <img class="dd-menu-trigger" src="~/Content/img/default-head-image.png" />
                        }
                        else
                        {
                            <img class="dd-menu-trigger" src="~/Img/@ddd" />
                        }
                            }
                            <ul>
                                @{var c = (Session["User"] as LeEdu.MODEL.UserInfo).UserInfoId; }
                                <li>
                                    <a href="/Home/Personage/@c">
                                        <img src="/Content/Index/img/setting.png" /><span>个人设置</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="/my/Index">
                                        <img src="/Content/Index/img/messages.png" /><span>我的教学</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="/Home/Exit">
                                        <img src="/Content/Index/img/signout.png" /><span>注销登录</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="/Admin/Index">
                                        <img src="/Content/Index/img/signout.png" /><span>后台管理</span>
                                    </a>
                                </li>
                            </ul>
                            <figcaption style="height:75px;"><span>@Session["Uname"]</span></figcaption>
                        </figure>
                    }
                    else
                        if (Convert.ToInt32(Session["RoleId"]) == 1 || Convert.ToInt32(Session["RoleId"]) == 2)
                        {
                            <figure class="avatar navbar-avatar dd-menu">
                                @{
                            var ddd = Session["User"] == null ? "" : (Session["User"] as LeEdu.MODEL.UserInfo).Avatar;
                            if (ddd == null)
                            {
                                <img class="dd-menu-trigger" src="~/Content/img/default-head-image.png" />
                            }
                            else
                            {
                                <img class="dd-menu-trigger" src="~/Img/@ddd" />
                            }
                                }
                                <ul>
                                    @{var c = (Session["User"] as LeEdu.MODEL.UserInfo).UserInfoId; }
                                    <li>
                                        <a href="/Home/Personage/@c">
                                            <img src="/Content/Index/img/setting.png" /><span>个人设置</span>
                                        </a>
                                    </li>

                                    <li>
                                        <a href="/Order/MyOrder">
                                            <img src="~/Content/images/Index2.png" />
                                            <span>我的订单</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/my/Index">
                                            <img src="/Content/Index/img/messages.png" /><span>我的学习</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="/Login/Index">
                                            <img src="/Content/Index/img/signout.png" /><span>注销登录</span>
                                        </a>
                                    </li>
                                </ul>
                                <figcaption style="height:75px;"><span>@Session["Uname"]</span></figcaption>
                            </figure>
                        }
                }
                else
                {
                    <div class="navbar-button-group button-group">
                        <ul>
                            <li>
                                <a class="button" href="/Register/Index">注册</a>
                            </li>
                            <li><a class="button-blue" href="/Login/Index">登录</a></li>

                        </ul>
                    </div>}}
        </div>
    </header>

    <div id="main">
        <main>
            <div class="topbanner topbanner-specialty" style="background-color:#d8563f;height:auto;">
                <div class="container">
                    <div class="row">
                        <section class="topbanner-content">
                            <div class="col-6">
                                <h2>@ViewBag.cb.CTName</h2>
                                @Html.Raw(@ViewBag.cb.CTAbout)
                                <div>
                                    @*<span style="display:inline-block; color:yellow;">第4期微专业将于2016年1月7日23:30截止报名，学习有效期是6个月。微专业开班前，请学员参见<a href="#pre-knowledge" style="color:yellow;text-decoration:underline;">预备知识</a>自行预习。</span>*@
                                    @*src="C++%E7%B3%BB%E7%BB%9F%E5%B7%A5%E7%A8%8B%E5%B8%88%EF%BC%88%E7%AC%AC3%E6%9C%9F%EF%BC%89%20_%20GeekBand%C2%B7%E6%9E%81%E5%AE%A2%E7%8F%AD.htm1%60_files/stepPrice.png"*@
                                    <p>
                                        <span style="font-size:50px">￥ @ViewBag.cb.CTPrice</span>
                                    </p>
                                    @*<img src="~/Content/Show/img/stepPrice.png" style="display:block;height:100px;width:580px;">*@
                                    <a class="button-rec-orange topbanner-specialty-btn" style="height:auto;" href="#" target="_blank">
                                        <span class="subscribe-title">立即报名参加</span>
                                        <span class="subscribe-text">开班日期：@ViewBag.cb.ClassCreateTime.ToShortDateString()-@ViewBag.cb.ClassReTime.ToShortDateString()</span>
                                    </a>
                                </div>
                            </div>
                            <div class="col-6">
                                <img src="~/Content/Show/img/3ccef95f-1048-460b-b57e-a10ce52ee5e5.png" />
                                @*<img src="C++%E7%B3%BB%E7%BB%9F%E5%B7%A5%E7%A8%8B%E5%B8%88%EF%BC%88%E7%AC%AC3%E6%9C%9F%EF%BC%89%20_%20GeekBand%C2%B7%E6%9E%81%E5%AE%A2%E7%8F%AD.htm1%60_files/3ccef95f-1048-460b-b57e-a10ce52ee5e5.png">*@
                            </div>
                        </section>
                    </div>
                </div>
            </div>

            <!--班级导航-->
            <div class="navbar-2" style="background-color:#c54d39;">
                <div class="container">
                    <nav class="nav-2 navbar-nav">
                        <ul>
                            <li><a href="#courses">线上课程</a></li>
                            <li><a href="#sharedNotes">学员笔记分享</a></li>
                            <li><a href="#welfare">优秀学员福利</a></li>
                            <li><a href="#teachers">专业讲师</a></li>
                        </ul>
                    </nav>
                </div>
            </div>

            <!--线上课程-->
            <a name="courses"></a>
            <section class="courses">
                <header class="header-without-icon">
                    <h2>线上课程 </h2>
                    <p>
                        @*“极客班”设置了必修和选修两种课程，该“极客班”专业证书的获取对选修课无要求，但必修课必须按课程要求成绩合格*@
                    </p>
                    <img src="~/Content/Show/img/dash-dot.png" class="dash-dot" />
                    @*<img src="C++%E7%B3%BB%E7%BB%9F%E5%B7%A5%E7%A8%8B%E5%B8%88%EF%BC%88%E7%AC%AC3%E6%9C%9F%EF%BC%89%20_%20GeekBand%C2%B7%E6%9E%81%E5%AE%A2%E7%8F%AD.htm1%60_files/dash-dot.png" class="dash-dot">*@
                </header>
                <div class="container">
                    <div class="row">
                        @foreach (var item in clist)
                        {
                            <section class="col-4 imgDesc">
                                @*<img src="C++%E7%B3%BB%E7%BB%9F%E5%B7%A5%E7%A8%8B%E5%B8%88%EF%BC%88%E7%AC%AC3%E6%9C%9F%EF%BC%89%20_%20GeekBand%C2%B7%E6%9E%81%E5%AE%A2%E7%8F%AD.htm1%60_files/97101067-25e9-4e8b-aff7-f4fe3e688e5a.png">*@

                                <a href="#"><img src="~/Content/images/@item.Courses.CImage" style="width:380px;height:214px;" /></a>
                                <div class="imgDesc-intro">
                                    <a href="http://geekband.com/course/1046"><h3>@item.Courses.CoursesName</h3></a>
                                    <p class="imgDesc-intro-desc">@Html.Raw(@item.Courses.CAbout)</p>
                                    <a class="button-blueborder-whitefacet-100-36  imgDesc-button" href="http://geekband.com/course/1046">查看详情</a>
                                    <a class="button-blueborder-whitefacet-100-36  imgDesc-button" style="left:130px;" href="http://geekband.com/course/preview/2000000001">课程试看</a>

                                </div>
                            </section>
                        }
                    </div>
                </div>
            </section>

            <!--学员笔记-->
            <a name="sharedNotes"></a>
            <section class="note">
                <div class=" container">
                    <header class="header-without-icon">
                        @{
                            if (ViewBag.nlist == null)
                            {

                            }
                            else
                            {
                                <h2>学员笔记分享</h2>
                            }
                        }
                        <p></p>
                        <img src="~/Content/Show/img/dash-dot.png" class="dash-dot" />
                    </header>
                    <div class="row">
                        @{
                            if (ViewBag.nlist == null)
                            {

                            }
                            else
                            {
                                <ul>
                                    @foreach (var item in ViewBag.nlist as List<LeEdu.MODEL.Note>)
                                    {
                                        <li><a href="#" target="_blank">@item.course.CoursesName/@item.Hour.HTitle</a><span>@item.UserInfo.Uname</span></li>
                                    }
                                </ul>
                            }
                        }
                    </div>
                </div>
            </section>
            <a name="welfare"></a>
            <section class="welfare">
                <header class="header-without-icon">
                    <h2>优秀学员福利</h2>
                    <p>获得“国内+硅谷”优秀企业工作推荐</p>
                    <img src="~/Content/Show/img/dash-dot.png" class="dash-dot" />
                </header>
                <div class="container">
                    <div class="row">
                        <img src="~/Content/Show/img/welfare.png" />
                    </div>
                </div>
            </section>

            <!--专业讲师-->
            <a name="teachers"></a>
            <section class="teacher-team">
                <header class="header-without-icon">
                    <h2>专业讲师</h2>
                    <img src="~/Content/Show/img/dash-dot.png" class="dash-dot" />
                </header>
                <div class="container">
                    <div class="row">
                        @foreach (var item in clist)
                        {
                            <section class="col-3 teacher-team-item">
                                <div class="teacher-team-item-avatar">
                                    <img src="~/Img/@item.Courses.UserInfo.Avatar" class="name" />
                                </div>
                                <h3 class="name">@item.Courses.UserInfo.XingMing</h3>
                                <p class="brief-desc">@item.Courses.UserInfo.Post</p>
                                <p class="desc">
                                    @item.Courses.UserInfo.Self
                                </p>
                            </section>
                        }
                    </div>
                </div>
            </section>
        </main>
        <div class="modal fade" id="noticeModal" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <a style="display:block;color:white;line-height:22px;font-size:30px;float:right;font-weight:bold;margin-top:-4px;" data-dismiss="modal">×</a>
                        <h4 class="modal-title" id="resourceModalLabel">分享有礼 - 获取优惠码</h4>
                    </div>
                    <div class="modal-body">
                        <p>1&gt;扫下方二维码并回复该微信公众号：0917，即可获取文章链接</p>
                        <p>2&gt;转发该文章至：【5个微信好友】或【2个20人以上的微信群】</p>
                        <p>3&gt;回复本公众号：转发截图及关键字“极客班官网”，立领50元优惠券！</p>
                        <img src="~/Content/Show/img/discountCode.png" style="display:block;margin:0 auto;width:200px;">
                        <span style="display:block;text-align:center;">iGeekBand</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--底部-->
    <footer class="footer">
        <div class="footer-row-1">
            <div class="container">
                <div class="row">
                    <section class="col-5">
                        <h2>GeekBand·极客班，互联网人才+油站！</h2>
                        <nav>
                            <ul>
                                <li><a target="_blank" href="http://geekband.com/company/about">关于我们</a><span>&nbsp;|&nbsp;</span></li>
                                <li><a target="_blank" href="http://geekband.com/company/career">招贤纳士</a><span>&nbsp;|&nbsp;</span></li>
                                <li><a target="_blank" href="http://geekband.com/company/contact">联系我们</a><span>&nbsp;|&nbsp;</span></li>
                                <li><a target="_blank" href="http://geekband.com/company/feedback">意见反馈</a></li>
                            </ul>
                        </nav>
                    </section>
                    <section class="col-5 footer-companion">
                        <h2>合作伙伴</h2>
                        <nav>
                            <ul>
                                <li>
                                    <a href="http://study.163.com/" target="_blank">
                                        <img src="~/Content/Show/img/yunKeTang.png" />
                                    </a>
                                </li>
                                <li>
                                    <a href="http://www.pptvyun.com/" target="_blank">
                                        <img src="~/Content/Show/img/ppCloud.png" />
                                    </a>
                                </li>
                                <li>
                                    <a href="http://www.chinagdg.com/forum.php" target="_blank">
                                        <img src="~/Content/Show/img/google.png" />
                                    </a>
                                </li>
                                <li>
                                    <a href="http://msdn.microsoft.com/zh-cn/" target="_blank">

                                        <img src="~/Content/Show/img/microsoft.png" />
                                    </a>
                                </li>
                            </ul>
                        </nav>
                    </section>
                    <div class="col-2 footer-phone-email">
                        <p class="phone">+400-886-0806</p>
                        <p class="email">service@geekband.com</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="footer-row-2">
            <div class="container">
                <div class="row">

                    <p class="col-10">©2015 geekband.com 极客班 版权所有&nbsp;&nbsp;&nbsp;&nbsp;温故知新（上海）教育科技有限公司&nbsp;&nbsp;&nbsp;&nbsp;沪ICP备15014563号-2</p>

                    <nav class="col-2">
                        <ul>
                            <li>
                                <a target="_blank" href="http://geekband.com/company/feedback">
                                    <img src="~/Content/Show/img/feedback.png" />
                                </a>
                            </li>
                            <li>
                                <a href="tencent://message/?uin=281101184&amp;Site=www.qq.com&amp;Menu=yes">
                                    <
                                    <img src="~/Content/Show/img/qq.png" />
                                </a>
                            </li>
                            <li>
                                <a href="http://weibo.com/boolan" target="_blank">
                                    <img src="~/Content/Show/img/weibo.png" />
                                </a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </footer>

    <div class="qrcode">

        <a><img id="close" src="~/Content/Show/img/qrclose.png"></a>
        <p>扫码关注</p>
        <p>极客班微信公众号</p>
        <img alt="关注极客班" src="~/Content/Show/img/geekband-qrcode.jpg">
        <span>iGeekBand</span>
    </div>
    <p id="back-to-top" style="display: none;"><a href="#top"><span></span>返回顶部</a></p>
    <script src="~/Content/Show/js/jquery-2.js"></script>
    <script src="~/Content/Show/js/jquery_002.js"></script>
    <script src="~/Content/Show/js/auto_textarea.js"></script>
    <script src="~/Content/Show/js/popup_tip.js"></script>
    <!-- 实现导航栏的下拉菜单-->
    <script src="~/Content/Show/js/dropDownMenu.js"></script>
    <!-- 实现消息操作 -->
    <script>
        $(function () {
            //通过轮询查看是否有新消息
            function longPolling() {
                $.ajax({
                    url: "/MessageCenter/AnyNewMessage",
                    type: "POST",
                    dataType: "json",
                    cache: false,
                    timeout: 5000,
                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                        if (textStatus == "timeout") {
                            //请求超时
                        } else {
                            //其他错误
                        }
                    },
                    success: function (data, textStatus) {
                        if (data != undefined && data.Status == "success" && data.Message == "ok") {
                            showMessage(data.Data);
                        }
                    }
                });
            }

            setInterval(longPolling, 10000);

            //显示新消息
            function showMessage(data) {
                if (data.NewOfficialCount > 0) {
                    $("#official-notification span").text("您有" + data.NewOfficialCount + "条新系统消息");
                    $("#official-notification .btn-close").click(clearOfficialMessage);
                    $("#official-notification").show();
                }

                if (data.NewReplyCount > 0) {
                    $("#reply-notification span").text("您有" + data.NewReplyCount + "条新回复");
                    $("#reply-notification .btn-close").click(clearReplyMessage);
                    $("#reply-notification").show();
                }
            }

            //当点击查看按钮后，隐藏消息提醒，并向服务器发送请求，消除未读消息
            function clearReplyMessage() {
                $("#reply-notification").hide();
                $.post("/MessageCenter/ClearReply");
            }

            function clearOfficialMessage() {
                $("#official-notification").hide();
                $.post("/MessageCenter/ClearOfficial");
            }

        });
    </script>

    <!--实现顶部广告条-->

    <script src="~/Content/Show/js/tophint.js"></script>
    <!-- 回到顶部功能-->
    <script>
        //$("#btn-back-to-top").click(function () {
        //    window.scroll(0, 0);

        //});

        $("#close").click(function () {
            $(".qrcode").hide();
        })

        $(function () {
            //当滚动条的位置处于距顶部100像素以下时，跳转链接出现，否则消失
            $(function () {
                $(window).scroll(function () {
                    if ($(window).scrollTop() > 600) {
                        $("#back-to-top").fadeIn(1500);
                    }
                    else {
                        $("#back-to-top").fadeOut(1500);
                    }
                });

                //当点击跳转链接后，回到页面顶部位置
                $("#back-to-top").click(function () {
                    $('body,html').animate({ scrollTop: 0 }, 1000);
                    return false;
                });
            });
        });
    </script>
    <script src="~/Content/Show/js/jquery.js"></script>
    <script src="~/Content/Show/js/modal.js"></script>
    <script>
        (function () {
            var imgSections = $(".cycle-slideshow section");
            var pageNumber = Math.ceil(imgSections.size() / 4.0);

            for (var i = 0; i < pageNumber; i++) {
                imgSections.slice(i * 4, i * 4 + 4).wrapAll("<div class='sectionwrapper'></div>");
            }
        })();
    </script>
</body>
</html>